import { memo } from "react";

import { HomeSectionWrapper } from "./style";
import { RoomList } from "../../../../components/room-list";
import { SecessionHeader } from "../../../../components/secession-header";
import { SectionFooter } from "@/components/section-footer";
export const HomeSection = memo(
    (props) => {
        
        const {dataInfo} = props;
       
        return (
            <HomeSectionWrapper> 
                  <SecessionHeader title={dataInfo?.title} subtitle={dataInfo?.subtitle}></SecessionHeader>
                  <RoomList RoomList={dataInfo?.list}></RoomList>
                <SectionFooter></SectionFooter>
            </HomeSectionWrapper>
        )
    }
)